<!doctype html>

<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta http-equiv="Content-Language" content="es-ES"/>		
		<link rel="stylesheet" href="../css/jquery.mobile.min.css" />
		<link rel="stylesheet" href="../css/Icons.css" />
		<link rel="stylesheet" href="../css/hobbyp.css" />

		<script src="../js/JQuery/jquery.min.js"></script>				
		<script src="../js/JQuery/jquery.mobile.min.js"></script>	
		<script src="../js/Comun.js"></script>
		<script src="../js/MySQLLib/MySQL.js"></script>
		<script src="../js/MySQLLib/BDEntity.js"></script>
		<script src="../js/phonegap/PGNavigation.js"></script>
		<script src="../js/Hobbyp.js"></script>
		<script src="../js/Perfil.js"></script>		
			
		<script src="js/News.js"></script>
		<script src="js/ListadoNews.js"></script>	
					
		<title>News</title>
	</head>
	<body>
		<div data-role="page" data-theme="c" id="pageNewsId">
			<div data-role="header" data-position="fixed"  class="headerLogo">				
				<select  id="lvHobbies" onchange="hobbypChange(this);" data-theme="c" >										
				</select>				
				<a href="../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
				<a href="#popupLogin" data-icon="user" data-iconpos="notext" data-rel="popup" data-position-to="#contentId"  data-transition="pop">Sign in</a>
				<!--
					class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check ui-btn-icon-left ui-btn-a"
				<a href="#popupMenu" data-icon="user" data-iconpos="notext"  rel="external" data-ajax="false"  data-transition="fade">Search</a>
				-->
			</div>
			<section data-role="content" id="contentId" >													
				<div data-role="fieldcontain" data-scroll="y">
					<div class="content-primary" >
						<div data-role="collapsible-set" id="lvcNews"></div>	
					</div>
				</div>
				<div data-role="popup" id="popupLogin" data-theme="a" data-arrow="r,t" class="ui-corner-all">
				    <form>
				        <div style="padding:10px 20px;">
							<a href="#popupMyPhoto" data-rel="popup" data-position-to="window" data-transition="fade"><img id="MyPhotoLittle" class="MyPhotoClass" src="" alt="My photo" style="width:30%"></a>						
							<div data-role="popup" id="popupMyPhoto" data-overlay-theme="b" data-theme="b" data-corners="false">
							    <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a><img class="MyPhotoClass" id="MyPhotoBig" src="" style="max-height:512px;" alt="my photo">
							</div>							
				            <div class="ui-grid-a">
					            <button type="button" onclick="hrefParams('../Config/Config.html');" class="ui-btn ui-corner-all ui-shadow ui-btn-c ">Editar perfil</button>
					            <button type="button" onclick="SignOut();" class="ui-btn ui-corner-all ui-shadow ui-btn-c ">Sign out</button>
				            </div>
				        </div>	
				    </form>				    
				</div>				
			</section>
			<div data-role="footer" class="footer-docs" data-theme="a"  data-position="fixed" data-fullscreen="true">
				<div data-role="navbar" id="navbarId">
					<ul>
						<li><a class="labelMultiidioma ui-icon-news-active " href="#" rel="external" data-ajax="false"  id="News" >News</a></li>
	    				<li><a class="labelMultiidioma ui-icon-diary " href="javascript:hrefParams('../Diary/Diary.html');"  rel="external" data-ajax="false" id="Diary"    >Diary</a></li>
						<li><a class="labelMultiidioma ui-icon-messages " href="javascript:hrefParams('../Messages/Messages.html');" rel="external" data-ajax="false" id="Messages" >Messages</a></li>	
						<li><a class="labelMultiidioma ui-icon-config"       href="javascript:hrefParams('../Friends/Friends.html');"   rel="external" data-ajax="false" id="Friends"   >Friends</a></li>
					</ul>
				</div>
			</div>		
		</div><!--/page-->		
	</body>
</html>

